@import "@/styles/mixin.scss";

.hi-global-layout {
  height: calc(100% - 48px);

  .hi-global-main {
    display: flex;
    overflow: hidden;
    height: 100%;

    .hi-layout-container {
      flex: 1;
      display: flex;
      flex-direction: column;
      @include scrollBar;

      .hi-layout-content {
        display: flex;
        flex-direction: column;
        background: #f0f2f5;
        flex: 1;

        &.self-adaption {
          @include scrollBar;
          .hi-page-global-content {
            @include scrollBar;
          }
        }
      }

      .hi-global-footer {
        background: #f0f2f5;
        text-align: center;
        padding: 14px 0 14px;
      }
    }
  }
}